<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>	
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<div class="theme-popover ycy-upFloor">
	<div class="theme-poptit ycy-noneline">
		<a href="javascript:;" title="关闭" class="close" id="ycy-closebutton">×</a>
	</div>
	<div class="ycy-carinfo">
		<form action="ShoppingCartComfirmOrder.html" method="post" id="shoppingform">
			<div class="ycy-foodcarlist">
				<c:choose>
					<c:when test="${empty sessionScope.shoppingCarList}">
						<p style="color:white;font-size:18px;text-align:center;">亲，您还没有想买的商品吗？</p>
					</c:when>
					<c:otherwise>
						<table id="ycy-foodinfo" id="shoppingCarTable">
							<thead>
								<tr>
									<td class="ycy-checkboxstyle">
										<input type="checkbox" class="ycy-selectall">
									</td>
									<td class="ycy-imgStyle">图片</td>
									<td class="ycy-namestyle">商品名</td>
									<td class="ycy-countstyle">数量</td>
									<td class="ycy-pricestyle">总价</td>
									<td class="ycy-deletestyle"></td>
								</tr>
							</thead>
							<tbody id="orderList">
								<c:forEach var="goods" items="${sessionScope.shoppingCarList.cartItemList }">
									<tr>
										<td class='ycy-checkboxstyle'>
											<input type='checkbox' class='ycy-selectone' name="selectedRate" value="${goods.rate.rateId }">
										</td>
										<td class='ycy-imgStyle'>
											<img src='image/foods/${goods.rate.food.imageFile }' width='100' height="100" class='ycy-foodimg' />
										</td>
										<td class='ycy-namestyle'>
											<span class='ycy-foodname'>${goods.rate.food.foodName }</span>
											<p class='ycy-foodsize'>${goods.rate.foodSize.foodSizeName }</p>
										</td>
										<td class='ycy-countstyle'>
											<span class="glyphicon glyphicon-minus-sign ycy-countminus"></span>
											<input type="text" value="${goods.count}" class="ycy-counttextstyle" 
												readonly="readonly" data-ref="${goods.unitPrice}" />
											<span class="glyphicon glyphicon-plus-sign ycy-countplus"></span>
										</td>
										<td class="ycy-pricestyle">
											&yen;<span class="ycy-countprice">${goods.unitPrice}</span>
										</td>
										<td>
											<span class="glyphicon glyphicon-remove-sign ycy-deletegoods" data-ref="${goods.rate.rateId }"></span>
										</td>
									</tr>
								</c:forEach>
							</tbody>
						</table>
					</c:otherwise>
				</c:choose>
			</div>
			<div id="ycy-settlediv">
				<span class="ycy-pricetext">总&nbsp;价：</span> <span
					class="ycy-pricenum">&yen;<span class="ycy-goodstotalprice">0</span></span>
				<button class="btn-danger" id="ycy-settlebutton">提交订单</button>
			</div>
		</form>
	</div>
</div>
<div class="theme-popover-mask"></div>